<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<link rel="stylesheet" href="${ctx}/page/include/css/replies.css" />
<div class="panel panel-default">
	<div class="panel-heading">${replyPage.getTotalCount()}条回复</div>
	<div class="panel-body">
		<ul id="replyList" class="reply">
			<c:forEach items="${replyPage.getList()}" var="reply">
			<li>
				<div class="media" id="reply">
					<div class="media-left">
						<img onerror="this.src='${ctx}/static/imgs/avatar.jpg'" src="${reply.fromMember.avatar}" class="avatar" />
					</div>
					<div class="media-body">
						<div class="media-heading">
							<c:if test="${member ne null}">
								<c:if test="${reply.fromMember.id ne member.id}">
									<a style="color: #333333" href="javascript:reply('${reply.fromMember.name}', '${reply.fromMember.id}');">${reply.fromMember.name}</a>
								</c:if>
								<c:if test="${reply.fromMember.id eq member.id}">
									<a style="color: #333333" href="javascript:;">${reply.fromMember.name}</a>
								</c:if>
							</c:if>
							<c:if test="${member eq null}">
								<a style="color: #333333" href="javascript:;">${reply.fromMember.name}</a>
							</c:if>
							<small style="color: #999999">${reply.formatDate(reply.createTime)}</small>
						</div>
						<div class="replyContent contentDetail">${reply.markedownToHtml(reply.content)}</div>
					</div>
				</div>
				<div class="divide"></div>
			</li>
			</c:forEach>
		</ul>
	</div>
</div>
